<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
// // rem等比适配配置文件
// // 基准大小
// const baseSize = 750 // 注意此值要与 postcss.config.js 文件中的 rootValue保持一致
// // 设置 rem 函数
// function setRem() {
//   // 当前页面宽度相对于 375宽的缩放比例，可根据自己需要修改,一般设计稿都是宽750(图方便可以拿到设计图后改过来)。
//   console.log(' document.documentElement.clientWidth' + document.documentElement.clientWidth)
//   const scale = document.documentElement.clientWidth / 480
//   console.log('scale:' + scale)
//   // 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整）
//   console.log('fontsize --------------------------------:' + baseSize * Math.min(scale, 1))
//   document.documentElement.style.fontSize = baseSize * Math.min(scale, 1) + 'px'
// }
// // 初始化
// setRem()
// // 改变窗口大小时重新设置 rem
// window.onresize = function() {
//   setRem()
// }
// document.getElementsByTagName('html')[0].style.fontSize = (document.documentElement.clientWidth || document.body.clientWidth) / 10 + 'px'
// window.addEventListener('resize', () => {
//   document.getElementsByTagName('html')[0].style.fontSize = (document.documentElement.clientWidth || document.body.clientWidth) / 10 + 'px'
// })

// rem
// (function() {
//   const orientation = window.matchMedia('(orientation: portrait)')
//   let width = document.documentElement.getBoundingClientRect().width // 获取宽度
//   function onMatchMeidaChange(orientation) {
//     if (orientation.matches) {
//       // 竖屏
//       width = document.documentElement.getBoundingClientRect().width // 获取竖屏宽度
//       setTimeout(() => {
//         // 重新计算竖屏宽度rem
//         autoRootFontSize()
//       })
//     } else {
//       // 横屏
//       width = document.documentElement.getBoundingClientRect().width // 获取横屏宽度
//       setTimeout(() => {
//         // 重新计算横屏宽度rem
//         autoRootFontSize()
//       })
//     }
//   }
//   onMatchMeidaChange(orientation)
//   orientation.addListener(onMatchMeidaChange)

//   /* 计算rem */
//   function autoRootFontSize() {
//     // (当前屏幕宽度，最小宽度为1200)/1920*16px
//     console.log(width)
//     const setSize = Math.max(document.documentElement.getBoundingClientRect().width, 1200) / 1920 * 16
//     // 字体默认最大值为16px
//     document.documentElement.style.fontSize = (setSize > 16 ? 16 : setSize) + 'px'
//   }
//   window.addEventListener('resize', autoRootFontSize)
//   autoRootFontSize()
// })()
</script>
<style >

/** 移动端适配 */

html {
  font-size: 14px;
}
body{
       font-size:14px;
   }
p{
       font-size:14px;
}
div {
  font-size: 14px;
}
@media screen and (max-width:1366px) {
  html {
    font-size:  14px;
  }
  body{
       font-size:14px;
   }
   p{
       font-size:14px;
   }
}

@media screen and (max-width:1920px) {
  html {
    font-size:  14x;
  }
  body{
       font-size:14px;
   }
   p{
       font-size:14px;
   }
}

@media screen and (max-width: 480px) {
  .el-input.is-disabled .el-input__inner,.el-textarea.is-disabled .el-textarea__inner,.el-checkbox__input.is-disabled+.el-checkbox__label{
   opacity: 1;
   -webkit-text-fill-color: #606266;
  }
  /* label {
    min-width: 60px;
  } */
  .el-dialog__wrapper .el-dialog {
    width: 95% !important;
  }
  .el-dialog__wrapper .el-dialog .el-dialog__body {
    overflow: auto
  }
  .el-drawer__wrapper .el-drawer {
    width: 95% !important;
  }
  .el-drawer__wrapper .el-drawer .el-drawer__body {
    overflow: auto
  }
  .el-message { min-width: 300px !important; }

  body .el-table th.gutter {
   display: table-cell !important;
  }

  .el-table--border th.gutter:last-of-type {
   display: block !important;
  }
}

</style>
